<html>
<head>
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <header class="header-wrap">
        <div class="header-top ">
            <div class="header-content w1180">
                <div class="search">
                    <form action="">
                        <div class="search-wrap clearfix">
                            <input type="text" class="search-keyword" >
                            <button type="submit" class="search-submit" />
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <nav class="header-submenu">
            <div class="header-sub-wrap">
                <ul class="header-submenu-list w1180 clearfix">
                    <li class="menuitem"><a href="">首页</a></li>
                    <li class="menuitem"><a href="">游戏中心</a></li>
                    <li class="menuitem"><a href="">游戏礼包</a></li>
                    <li class="menuitem"><a href="">游戏开测</a></li>
                    <li class="menuitem"><a href="">坛子新闻</a></li>
                    <li class="menuitem"><a href="">坛友新闻</a></li>
                    <li class="menuitem"><a href="">手游排行</a></li>
                    <li class="menuitem"><a href="">游戏专区</a></li>
                    <li class="menuitem"><a href="">手游攻略</a></li>
                    <li class="menuitem"><a href="">坛客评测</a></li>
                    <li class="menuitem"><a href="">游戏视频</a></li>
                </ul>
            </div>
        </nav>
        
    </header>
    <div class="gift_wrap w1180">
        <div class="gift-ad ">
            <img src="./images/ad.jpg"  alt="">
        </div>

        <div class="gift-content">
            <div class="gift-location ml20">
                您的位置: <a href="">首页</a>&gt;<a href="">游戏礼包</a>
            </div>
            <div class="gift-filter ml20">
                <div class="gift-filter-count">
                    <span class="s1">分类筛选</span><span>共计<span class="cr">761</span>个礼包，本周新增<span class="cr">69</span>款</span>
                </div>
                <div class="gift-filter-category">
                    <ul>
                        <li>
                            <span>联网类型</span>
                            <div class="cate-wrap">
                                <span class="focus"><a href="">全部</a></span>
                                <span><a href="">网游</a></span>
                                <span><a href="">单机</a></span>
                            </div>
                        </li>
                        <li>
                            <span>游戏类型</span>
                            <div class="cate-wrap">
                                <span class="focus"><a href="">全部</a></span>
                                <span><a href="">策略</a></span>
                                <span><a href="">休闲</a></span>
                                <span><a href="">射击</a></span>
                            </div>
                        </li>
                        <li>
                            <span>游戏特征</span>
                            <div class="cate-wrap">
                                <span class="focus"><a href="">全部</a></span>
                                <span><a href="">魔幻</a></span>
                                <span><a href="">仙侠</a></span>
                                <span><a href="">武侠</a></span>
                            </div>
                        </li>
                        <li>
                            <span>音序</span>
                            <div class="cate-wrap">
                                <span class="focus"><a href="">全部</a></span>
                                <span><a href="">A</a></span>
                                <span><a href="">B</a></span>
                                <span><a href="">C</a></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="channel ml20 mb15">
                <ul class="channel-list chearfix">
                    <li class="top focus"><a href="">人气最高</a></li>
                    <li class="update"><a href="">近期更新</a></li>
                    <li class="count"><a href="">共有111111111111条</a></li>
                </ul>
            </div>

            <div class="game-list-wrap ml20 mr20">
                <ul class="game-list">
                    <li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li>
                    <li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li>
                    <li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li>
                    <li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li>
                    <li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li><li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li><li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li><li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li><li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li><li class="game">
                        <div class="game-img">
                            <img src="./images/gameicon.jpg" alt="">
                        </div>
                        <div class="game-info">
                            <p><span class="game-name">暗黑黎明</span>暗暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明暗黑黎明</p>
                            <p>类型：<span>角色 魔幻</span> 状态：<span>公测</span> 更新时间<span>2020-01-01</span></p>
                            <p>简介：兵临城下</p>
                            <p class="">
                                <span>
                                    <a class="zq" href="">游戏专区</a>
                                    <a class="lb"href="">领取礼包</a>
                                    <a class="lt" href="">进入论坛</a>
                                    <a class="xz" href="">进入论坛</a>
                                </span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            
            <div class="page-list">
                <a class="focus" href="">1</a>
                <a href="">2</a>
                <a href="">3</a>
                <a href="">4</a>
                <a href="">5</a>
                <a href="">6</a>
                <a href="">7</a>
                <a href="">8</a>
                <a href="">9</a>
                <a href="">10</a>
            </div>
        </div>
    </div>
    <footer>
        <p>thisistest</p>
        <p>thisistest</p>
        <p>thisistest</p>
        <p>thisistest</p>
    </footer>
</body>
</html>